@charset "utf-8";

/* common */
body { font-family: Arial, Verdana; font-size: 12px; margin: 0; padding: 0; color: #37414B; }
a { text-decoration: none; color: #19558D; font-weight: bold; }
a:hover { text-decoration: underline; }
a.normal { font-weight: normal; }
a.normal span.no-underline { text-decoration: none; }
a.normal span.no-underline:hover { text-decoration: none; }
ul, li { display: inline; padding: 0px; padding: 2px 0 0 1px; }
textarea { font-family: Arial, Verdana; }
.focus { font-family: Arial, Verdana; color: #37414B; }
.disabled { font-family: Arial, Verdana; color: #999999; }
div.clear  { clear: both; }
div.hide { display: none; }
span.highlight { background-color: #FFFF80; }


/* bootstrap.css fix */
ul, ol { margin: 0 0 18px 4px; }
input[type="button"], input[type="reset"], input[type="submit"] { font-weight: bold; font-size: 12px; }
.btn:hover { background-position: 0 -15px; color: #333; text-decoration: none; }
.btn.medium { padding: 8px 2px 8px 2px; fon-size: 14px; }

/* header */
#header { width: 100%; height: 39px; background-color: #435875; }
#header-clean { width: 100%; height: 39px; background-color: #435875; height: 200px; }
#header-inner { width: 920px; margin:0 auto 0 auto; position: relative; color: #FAFAFA; }
#header-inner div.logo { float: left; width: 200px; height: 30px; margin: 10px 0 0 5px; /*background: url("http://a1.twimg.com/a/1317832954/images/logos/logo_twitter_withbird_1000_white_blue.png") no-repeat scroll 20px 9px transparent; background-size: 70%;*/}
#header-inner div.logo a { color: #FFFFFF; font-size: 20px; text-decoration: none; }
#header-inner div.logo a:hover { color: #E0E0E0; text-decoration: none; }
#header-inner div.searchbox { float: left; width: 350px; height: 28px; padding: 8px 0 0 0px; }
#header-inner div.searchbox input { font-size: 14px; width: 281px; height: 20px; padding: 2px 2px 3px 7px; 
									-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none;
    								-moz-border-right-colors: none; -moz-border-top-colors: none;
									border-color: -moz-use-text-color #507C0C -moz-use-text-color -moz-use-text-color;
    								border-radius: 5px 5px 5px 5px; border-style: none solid none none;
    								border-width: medium 1px medium medium; }
#header-inner div.navmenu { float: right; font-size: 14px; text-align: right; height: 21px; padding-top: 15px; }
#header-inner div.navmenu a { padding-left: 15px; color: #E6E6E6; text-decoration: none; font-weight: normal; }
#header-inner div.navmenu a.active { font-weight: normal; color: #E6E6E6; }
#header-inner div.navmenu a:hover { color: #FFFFFF; }
#header-inner div.navmenu span.notification-count { margin-left: 3px; background-color: #DFEAF4; padding: 1px 4px 1px 4px; color: #435875; font-weight: bold; font-size: 12px; }


/* content */
#content { margin-top: 10px; }
#content #loading { background: url("../imgs/mock/ajax-loader.gif") no-repeat scroll transparent; background-size: 100%; display: none; width: 32px; height: 32px; position: absolute; margin-left: -50px; } 
#content-clean { margin-top: 10px; }
#content-inner { min-height: 500px; width: 920px; margin: 0 auto 0 auto; }
#content-inner div.center { margin:0 auto 0 auto; width: 920px; }
#content-inner div.left { float: left; width: 600px; }
#content-inner div.right { float: right; width: 300px; text-align: right; }
#content-inner div.topbar-button { margin: 20px 0 10px 0; height: 45px; /* border: 1px solid red;*/ }
#content-inner div.topbar-button span.start-conversation { padding-left: 5px; font-size: 11px; }
#content-inner div.topbar-button div.left { float: left; }
#content-inner div.topbar-button div.left span.bullet { padding: 0 3px 0 3px; }
#content-inner div.topbar-button div.right { float: right; }

/* misc */
div.update-news { padding-bottom: 5px; text-align: left; }
div.build-open-source { background-color: #FFF3CC; border: 1px solid #FFEDB3; padding: 3px 5px 3px 5px; text-align: left; }
div.build-open-source a { font-weight: normal; }


/* footer */
#footer { }
#footer-clean { }
#footer-inner { width: 920px; margin:0 auto 0 auto; border-top: 1px solid #BFBFBF; padding: 5px 0 10px 0; }
#footer-inner div.left { float: left; width: 300px; padding-top: 4px; }
#footer-inner div.left ul li { padding-right: 10px; }
#footer-inner div.right { float: right; text-align: right; width: 145px; padding-top: 4px; }


/* topics (list) */
div.tabs-menu { height: 32px; }
div.tabs-menu .tabs > li > a { line-height: 28px;}
div.tabs-menu .tabs .active > a, .tabs .active > a:hover { color: #37414B; font-weight: bold; }
div.topiclist { padding: 2px; /*2px 5px 2px 10px;*/ /* border-color: #DDDDDD; border-style: solid; border-width: 0 1px 0 1px; margin-left: 1px; */ }
div.topiclist div.title { font-size: 14px; font-weight: bold; padding: 0 0 5px 0; border-bottom: 1px solid #C7C7C7; }
div.topiclist div.title span.subtitle { font-size: 12px; font-weight: normal; padding-left: 10px; }
div.topiclist div.title span.subtitle a { padding-left: 10px; font-weight: normal; }
div.topiclist div.topic { font-size: 14px; padding: 16px 0 10px 0; border-bottom: 1px solid #E0E0E0; }
div.topiclist div.topic div.name { font-size: 14px; }
div.topiclist div.topic div.description { font-size: 12px; margin-top: 4px; }
div.topiclist div.topic div.info { font-size: 12px; color: #999999; margin-top: 5px; }
div.topiclist div.topic div.info a { color: #999999; font-weight: bold; }
div.topiclist div.topic div.info span.bullet { padding: 0 3px 0 3px; font-weight: normal; font-size: 11px; }
div.topiclist div.topic div.info button { font-size: 10px; font-weight: bold; margin-right: 5px; }


/* topic (detail) */
div.topicdetail { padding: 0 0 10px 2px; border-bottom: 1px solid #C7C7C7; }
div.topicdetail div.title { font-size: 22px; font-weight: bold; margin-bottom: 12px; }
div.topicdetail div.description { font-size: 16px; margin-top: 4px; }
div.topicdetail div.info { font-size: 12px; color: #999999; margin-top: 8px; }
div.topicdetail div.info a { color: #999999; font-weight: bold; }
div.topicdetail div.info span.bullet { padding: 0 3px 0 3px; font-weight: normal; font-size: 11px; }
div.topicdetail div.info button { font-size: 10px; font-weight: bold; margin-right: 5px; padding: 3px 7px 4px; }

div.topicthinkmsg { margin: 12px 0 5px 0; font-size: 13px; font-weight: bold; }
div.topicwritemsg { margin-top: 5px; position: relative; height: 52px; background-color: #C1CCDC; padding: 3px;
					border-radius: 5px 5px 5px 5px; border-style: none none none none; }
div.topicwritemsg div.profilepic { float: left; padding: 1px 5px 0 2px; }
div.topicwritemsg div.compose textarea { float: left; width: 525px; height: 40px; resize: none; font-size: 14px; }

div.topicmessages { margin-top: 10px; }
div.topicmessages div.topicmessage { position: relative; border-bottom: 1px solid #E0E0E0; margin: 10px 0 10px 0; padding: 0 0 8px 3px; }
div.topicmessages div.topicmessage div.profilepic { float: left; padding: 4px 7px 0 2px; }
div.topicmessages div.topicmessage div.msg { float: left; width: 539px; font-size: 14px; }
div.topicmessages div.topicmessage div.msg span.username { padding-right: 2px; }
div.topicmessages div.topicmessage div.msg a.username { font-weight: normal; }
div.topicmessages div.topicmessage div.info { font-size: 11px; color: #999999; margin-top: 1px; }
div.topicmessages div.topicmessage div.info a { color: #999999; font-weight: normal; }


/* message (detail) */
div.messagedetail { }
div.messagedetail div.profilepic { float: left; padding: 4px 7px 0 2px; }
div.messagedetail div.msg { float: left; width: 539px; font-size: 14px; }
div.messagedetail div.msg span.username { font-size: 16px; padding-right: 3px; }
div.messagedetail div.msg span.msg { font-size: 16px; }
div.messagedetail div.msg div.info { font-size: 12px; color: #999999; margin-top: 6px; }
div.messagedetail div.msg div.info a { color: #999999; }


/* user (detail) */
div.userdetail { padding: 0px 0 10px 2px; }
div.userdetail div.profilepic { float: left; padding: 0 7px 0 2px; }
div.userdetail div.info { float: left; width: 539px; font-size: 14px; margin-bottom: 10px; }
div.userdetail div.info span.screenname { font-size: 16px; padding-right: 3px; font-weight: bold; }
div.userdetail div.info span.username { font-size: 16px; padding-right: 3px; }
div.userdetail div.info div.resume { margin-top: 2px; font-size: 14px; }
div.userdetail div.info div.website { margin-top: 2px; font-size: 14px; }
div.userdetail div.info div.website a { margin-top: 2px; font-size: 14px; font-weight: normal; }
div.userdetail div.user-not-found { font-size: 20px; }

div.userdetail div.topics { margin: 15px 0 0 55px; float: left; width: 539px; font-size: 14px; }
div.userdetail div.topics div.title { font-weight: bold; border-bottom: 1px solid #C7C7C7; padding-bottom: 2px; }
div.userdetail div.topics div.no-topics-follow { margin-top: 5px; color: #999999; }

div.userdetail div.messages { margin: 25px 0 0 55px; float: left; width: 539px; font-size: 14px; }
div.userdetail div.messages div.title { font-weight: bold; border-bottom: 1px solid #C7C7C7; padding-bottom: 2px; }
div.userdetail div.messages div.msg { margin-top: 7px; }
div.userdetail div.messages div.msg span.msg { font-size: 12px; }
div.userdetail div.messages div.msg div.info { font-size: 11px; color: #999999; }
div.userdetail div.messages div.msg div.info a { color: #999999; }
div.userdetail div.messages div.no-messages { margin-top: 5px; color: #999999; }


/* login */
#content-inner div.login-left { float: left; width: 700px; }
#content-inner div.login-right { float: right; width: 200px; text-align: left; }
div.login-form { margin:0 auto 0 auto; width: 400px; padding: 30px 0 10px 0px; }
/*div.login-form input { font-size: 16px; width: 281px; height: 20px; padding: 2px 2px 3px 7px; 
									-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none;
    								-moz-border-right-colors: none; -moz-border-top-colors: none;
									border-color: -moz-use-text-color #C7C7C7 -moz-use-text-color -moz-use-text-color;
    								border-radius: 5px 5px 5px 5px; border-style: none solid none none;
    								border-width: medium 1px medium medium; color: #37414B; }*/
div.login-form div.login-title { font-size: 16px; font-weight: bold; margin-bottom: 20px; }    								
div.login-form div.login-form-row { margin: 10px 0 2px 0; }
div.login-form div.login-form-row div.login-label { font-size: 12px; padding: 1px 3px 5px 4px; /*color: #999999;*/ }
div.login-form div.login-form-row div.login-input { font-size: 12px; padding: 1px 3px 2px 2px; color: #999999; }
div.login-form div.login-form-row div.login-input input { font-size: 16px; width: 300px; height: 20px; color: #37414B; }
div.login-form div.login-form-row label { float: none; }
div.login-form div.login-form-row input.checkbox { margin: 0 3px 0 10px; }
